<template>
  <div class="word">
     <head>
        <div slot="right" @click="push('root:pages/home/index.js')">
          <text  style="font-size:28px;color:rgba(70,120,245,1);text-align:right;">{{$t('login.backup')}}</text>
        </div>
     </head>
    <div class="beifen">
      <image style="width:58px;height:65px;" src="root:img/day/home/zichan@2x.png"></image>
      <text style="font-size:36px;margin-top:24px;color:rgba(19,32,63,1)">{{$t('login.later_wallet')}}</text>
      <text class="attention">{{$t('login.savewallet_say')}}</text>
    </div>

     <text class="word-attention">{{$t('login.checkno_one')}}</text>
    <div class="login-btn" @click="beifen">
      <text style="color:#ffffff;font-size:24px;text-align: center;line-height:74px;
      ">{{$t('login.later_word')}}</text>
    </div>
  </div>
</template>

<script>
import { WxcButton } from 'weex-ui'
export default {
  name: '',
  data() {
    return {
      data:''
    }
  },
  components: {WxcButton},
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {
    wxcButtonClicked(e){
      // this.data = e
    },
    beifen(){
       var progress = weex.requireModule("progress")
       progress.show()
       setTimeout(()=>{
          progress.dismiss();
          this.toast(this.$t('wallet.copy_right'))
          this.push('root:pages/home/index.js')
       },2000)
    }
  }
}
</script>
<style scoped>
.word{
  position: absolute;
  top: 0;
  bottom: 0;
  flex:1;
}
.beifen{
  margin-top: 80px;
  width: 750px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.attention{
  width: 586px;
  margin-top: 68px;
  font-size: 28px;
  color: rgba(19,32,63,1);
}
.word-attention{
  font-size: 24px;
  color: rgba(102,102,102,1);
  margin-left: 30px;
  position: absolute;
  bottom: 140px;
}
.zhujici{
  font-size: 28px;
  color: rgba(102,102,102,1);
  line-height: 48px;
}
.login-btn{
  width: 690px;
  height: 80px;
  background-color: rgba(70,120,245,1);
  margin-top: 100px;
  border-radius: 10px;
  position: absolute;
  bottom: 140px;
  left: 30px;
}
</style>
